<!doctype html>
<html>
	<head>
		<title>工器具列表</title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
		<link rel="stylesheet" href="../css/bootstrap/bootstrap-table.min.css"/>
		<link rel="stylesheet" href="../css/userManage/userManage.css"/>
	</head>
	<body>
	<div class="container-fluid">
		<div class="container search">
			<div class="form-group">
				<button type="button" class="btn btn-info" data-toggle="modal" data-target="#exampleModal">
					新增用户
				</button>
			</div>	
		</div>
		<div class="table-responsive">
			<table id="tab" data-side-pagination="client" data-pagination="true" data-page-list="[10, 100, 500, ALL]" data-show-columns="true"></table>
		</div>
	</div>
	<!-- 新增 -->	
	<!-- Modal -->
	<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h5 class="modal-title" id="exampleModalLabel">新建用户</h5>
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
	          <span aria-hidden="true">&times;</span>
	        </button>
	      </div>
	      <div class="modal-body">
			  <form>
			    <div class="form-group row">
			      <label for="seris" class="col-sm-2 col-form-label">用户名</label>
			      <div class="col-sm-10">
			        <input type="text" class="form-control" id="useName">
			      </div>
			    </div>
				<div class="form-group row">
				  <label for="wareH" class="col-sm-2 col-form-label">库房</label>
				  <div class="col-sm-10">
				    <select class="custom-select" id="wareHouse">
				    </select>
				  </div>
				</div>
				<div class="form-group row">
				  <label for="kuStatus" class="col-sm-2 col-form-label">角色</label>
				  <div class="col-sm-10">
				    <select class="custom-select" id="roleId">
				      <option selected>请选择</option>
				      <option value="3">成员</option>
				      <option value="2">库管理员</option>
				    </select>
				  </div>
				</div>
			  </form>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-primary userSave">保存</button>
	      </div>
	    </div>
	  </div>
	</div>
		<!-- 借出 -->
		<button id="impload" style="display: none;" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#borrow"></button>
		<div class="modal fade" id="borrow" tabindex="-1" aria-labelledby="borrow" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h5 class="modal-title" id="exampleModalLabel">借出</h5>
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		          <span aria-hidden="true">&times;</span>
		        </button>
		      </div>
		      <div class="modal-body">
		        请确认是否借出
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-secondary" data-dismiss="modal">否</button>
		        <button type="button" class="btn btn-primary">是</button>
		      </div>
		    </div>
		  </div>
		</div>
		<!-- 报废 -->
		<button id="imdeath" style="display: none;" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#death"></button>
		<div class="modal fade" id="death" tabindex="-1" aria-labelledby="borrow" aria-hidden="true">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h5 class="modal-title" id="exampleModalLabel">报废</h5>
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		          <span aria-hidden="true">&times;</span>
		        </button>
		      </div>
		      <div class="modal-body">
		        请确认是否报废？
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-secondary" data-dismiss="modal">否</button>
		        <button type="button" class="btn btn-primary deahBtn" data-dismiss="modal">是</button>
		      </div>
		    </div>
		  </div>
		</div>
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
	<script src="../js/bootstrap/bootstrap-table.js" type="text/javascript"></script>
	<script src="../js/bootstrap/bootstrap-table-zh-CN.js" type="text/javascript"></script>
	<script  src="../js/database.js" type="text/javascript"></script>
	<script src="../js/userManage/userManage.js" type="text/javascript"></script>
</body>
</html>